<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // let a = 0;
        // let loop = true;

        /**
         * 执行顺序：
         * 1. 判断条件是否成立
         * 2. 条件成立，进入大括号，执行大括号内部的所有代码
         * 3. 重复第1.2步
         * 4. 直到判断条件不成立，循环结束
         * */

        // while (a < 3) {
        //     a++;
        //     console.log(a);
        // }

        // while (loop) {
        //     a++;
        //     console.log(a);
        //     if (a == 3) {
        //         loop = false;
        //     }
        // }


        // while (true) {
        //     a++;
        //     if (a == 3) {
        //         break;
        //     }
        //     console.log(a);
        // }

        // let a = 3;
        // while (a < 3) {
        //     a++;
        //     console.log(a);
        // }

        // 执行顺序：
        // 1. 第一轮循环不需要经过条件判断，直接执行
        // 2. 从第二轮开始，每一次都要先判断条件是否成立，成立才进入大括号内执行
        // do {
        //     a++;
        //     console.log(a); // 4
        // } while (a < 3)





        // for循环
        /*
        for(创建变量1; 条件判断2; 修改变量3) {
            需要循环执行的代码4
        }

        执行顺序：1、2、4、3、2、4、3、2、4、3、2
        
        **/

        // for (let i = 0; i < 3; i++) {
        //     console.log(i);
        //     if (i == 1) {
        //         continue;
        //     }
        // }



        for (let i = 0; i < 3; i++) {
            for (let j = 0; j < 3; j++) {

                if (j == 1) {
                    break;
                }
                console.log(i, j);  

                /*
                    0, 0
                    1, 0
                    2, 0
                */
            }
        }








        // 循环结束的方式：
        // 1. 用一个数据来作为判断条件，条件不成立，循环结束
        // 2. 开关变量：用开关变量保存一个布尔值来作为循环条件，开关变量为false时，循环结束
        // 3. break：立马结束循环，break后面的代码都不会再执行

    </script>
</body>

</html>